/*body{background: #FFF !important;}*/
@media screen and (max-device-width:  979px), screen and (max-width:  979px) {
    /*.layout-2cols{display: none}*/
    /*#header .top-line{background: red}*/
    /*body{background: red}*/
    .container_12{width: 764px;}
    .grid_1{width: 42px;}
    .grid_2{width: 104px;}
    .grid_3{width: 166px;}
    .grid_4{width: 228px;}
    .grid_5{width: 290px;}
    .grid_6{width: 352px;}
    .grid_7{width: 414px;}
    .grid_8{width: 476px;}
    .grid_9{width: 538px;}
    .grid_10{width: 600px;}
    .grid_11{width: 662px;}
    .grid_12{width: 724px;}
    .clear-2col{
        display: block;
    }
    .lst-all-service .clear-2col,
    .lst-all-project .clear-2col{
        display: none;
    }
    .layout-2cols{
        width: 764px;
    }
    .layout-2cols > .sidebar{
        width: 186px;
    }
    .layout-2cols > .content{
        width: 558px;
    }
    .layout-2cols.big-side-bar > .sidebar{
        width: 248px
    }
    .layout-2cols.big-side-bar > .content{
        width: 496px
    }
    /* Header
    ****************************************/
    #sequence > .sequence-canvas{
        width: 724px;
		font-size: 85%;
    }
    .slide-item .slide-image{
        width: 45%;
    }
    .slide-item .ver-block{
        width: 100%;
    }
    .slide-item .slide-desc-btn,
    .slide-item .slide-title{
        width: 50%;
    }
    .slide-item.animate-in .slide-title,
    .slide-item.animate-in .slide-desc-btn{
        left: 50%;
    }
    .project-top-thumb .information{
        padding: 0 10px;
    }
    .project-top-thumb .project-title{
        padding: 10px 0;
        margin-bottom: 10px;
    }
    .project-infomation{
        padding: 20px 10px;
    }
    .project-infomation ul{
        margin: 10px 0;
        padding-left: 30px;
    }
    .project-img-description{
        width: auto;
        background: none;
    }
    .thanks{
        display: block;
        float: none;
        width: auto;
        background: #68c368;
        margin-bottom: 10px;
    }

    /* Service
    ****************************************/
    .service .service-item{
        width: 352px;
    }

    /* Featured Info
    ****************************************/
    .lst-lastest-work .project-lastest{
        width:auto;
    }
    .lst-lastest-work .project-media{
        width: 228px;
    }
    .our-info .about-item{
        width: auto;
        margin-bottom: 20px;
    }
    .our-info .about-service{
        width: 476px;
    }


    /* Recent Posts
    ****************************************/
    .lst-recent-posts .article-lastest{
        width: auto;
        margin-bottom: 20px;
    }
    .lst-recent-posts .article-item{
        width: 228px;
    }

    /* Client We Work
    *************************************/
    .lst-logo-client a{
        width: 50%;
        margin: 0 0 10px 0;
        text-align: center;
    }

    /* Footer
    *************************************/
    #footer .contact-info{
        width: 228px;
        margin-bottom: 20px;
    }
    #footer .recent-tweets{
        width: 476px;
        margin-bottom: 20px;
        padding-left: 30px;
    }
    #footer .email-newsletter{
        padding-left: 0;
        margin: 0 10px;
        width: 476px;
        float: right;
    }
    #footer .foot-menu{
        padding-left: 10px;
    }
}

@media screen and (max-device-width:  767px), screen and (max-width:  767px) {
    /*#header .top-line{background: blue}*/
    /*body{background: blue}*/
    .container_12{width: auto;}
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12,
    .common-title.mr-grid{
        margin-left: 3%;
        margin-right: 3%;
    }
    .layout-2cols,
    .layout-2cols > .sidebar,
    .layout-2cols > .content,
    .layout-2cols.big-side-bar > .sidebar,
    .layout-2cols.big-side-bar > .content{
        width: 100%;
    }
    /* Header
    ****************************************/
    #header .top-login-reg{
        margin-right: 3%;
    }
    #logo,.main-nav{
        margin: 0 3%;
    }
    #main-menu{
        display: none;
    }
    .btn-toogle-menu{
        display: block;
        margin: 0;
    }
    #sequence{
        height: auto;
    }
    #sequence > .sequence-canvas{
        width: auto;
        margin: 0 10px;
		font-size: 100%;
    }
    .slide-item .slide-image{
        width: 0;
        height: 0;
        visibility: hidden;
        overflow: hidden;
    }
    .slide-item .slide-desc-btn,
    .slide-item .slide-title{
        width: 90%;
    }
    .slide-item .slide-title{
        bottom: 20%;
        font-size: 2em;
    }
    .slide-item .slide-desc-btn{
        top: 85%;
    }
    .slide-item.animate-in .slide-title,
    .slide-item.animate-in .slide-desc-btn{
        left: 5%;
    }
    #sequence .wrap-pagination{
        display: none;
    }
    .head-about-us .content-about{
        display: block;float: none;width: auto;
    }
    .menu-sidebar{
        display: block;float: none;width: auto;
        margin: 0 3% 30px;
    }
    .article-short .thumb-img{
        margin: 0 3%;
        width: 38.444%;
    }
    .article-short .description{
        margin: 0 3% 0 0;
        width: 49.556%;
    }
    .article-short.no-thumb .description{
        margin: 0 3%;
    }
    .article-short.sml-thumb{
        margin: 0 3% 35px;
        width: 27.333%;
    }
    .article-short.sml-thumb .thumb-img,
    .article-short.sml-thumb .description{
        margin: 0;
        width: 100%;
    }
    .lst-all-service .service-item{
        width: 27.333%;
    }
    .lst-all-service .clear{
        width: 94%;
        margin: 0 3%;
    }
    .wrap-media-item{
        width: 94%;
    }
    .article-2col .grid_4{
        width: 38.444%;
    }
    .article-2col .grid_5{
        width: 49.556%;
    }
    .lst-all-project .project-item{
        width: 27.333%;
    }
    .project-infomation{
        padding: 20px;
    }
    .project-infomation ul{
        margin: 10px 0;
    }
    .project-detail{
        width: 94%;
    }
    .top-filter-item .common-title,
    .top-filter-item .wrap-filter{
        width: auto;
    }
    .wrap-article-detail{
        width: 94%;
    }
    .wrap-article-detail .social-sharing{
        float: left;
        width: 100%;
        padding: 10px 0;
    }
    .compose-comment .form-send-cm{
        margin: 0;
    }
    .compose-comment .form-send-cm .grid_3{
        width: 29.3333%;
    }
    .compose-comment .form-send-cm .grid_3:first-child{
        margin-left: 0;
    }
    .compose-comment .form-send-cm .grid_3:nth-child(3){
        margin-right: 0;
    }
    .compose-comment .form-send-cm .grid_9{
        margin: 0;
        width: 100%;
    }
    .contact-form .grid_4{
        width: 44%;
    }
    .contact-form .grid_8{
        width: 94%;
    }
    .wrap-our-information{
        width: 94%;
    }
    /* Service
    ****************************************/
    .service .service-item{
        width: 44%;
        margin: 0 3% 30px;
    }

    /* Featured Info
    ****************************************/
    .lst-lastest-work .project-lastest,
    .lst-lastest-work .project-media{
        width: 44%;
        margin: 0 3%;
    }
    .our-info .about-item{
        width: auto;
        margin: 0 3% 20px;
    }
    .our-info .about-service{
        width: 58.66667%;
        margin: 0 3%;
    }
    .our-info .about-testimonial{
        width: 29.33333%;
        margin: 0 3%;
    }
    /* Recent Posts
    ****************************************/
    .lst-recent-posts .article-lastest{
        width: auto;
        margin: 0 3% 20px;
    }
    .lst-recent-posts .article-item{
        width: 27.3333%;
        margin:0 3% 20px;
    }
    .client-info .grid_12{
        width: auto;
    }

    /* Footer
    *************************************/
    #footer .info-line .grid_9{
        margin: 0 3%;
        width: 58%;
    }
    #footer .info-line .grid_3{
        margin: 0 3%;
        width: 30%;
    }
    #footer .info-line .btn-blue{
        min-width: 110px;
    }
    #footer .contact-info{
        width: 34%;
        margin: 0 3% 20px;
    }
    #footer .recent-tweets{
        width: 54%;
        padding: 0;
        margin: 0 3% 20px;
    }
    #footer .email-newsletter{
        width: 54%;
        margin: 0 3%;
    }
    #footer .foot-menu{
        margin: 0 3%;
        padding-left: 0;
    }
    #footer .lst-btn-social .grid_4{
        width: 29.33333333333333%;
        margin: 0 2%;
    }
    #footer .lst-btn-social a{
        font-size: 1.2em;
    }
}
@media screen and (max-device-width:  480px), screen and (max-width:  480px) {
    /*#header .top-line{background: green}*/
    /*body{background: green}*/
    .head-about-us .common-title{
        padding: 45px 0 20px;
    }
    .client-we-work .lst-logo-client{
        text-align: center;
    }
    .lst-all-service .clear{
        display: none;
    }
    .lst-all-service .clear-2col{
        display: block;
    }
    .lst-all-service .service-item{
        width: 44%;
    }
    .wrap-media-item .media > .thumb-left.normal-w{
        float: none;
        display: block;
        text-align: center;
        width: auto;
        margin: 0 3% 10px;
    }
    .article-2col .grid_4,
    .article-2col .grid_5{
        width: 94%;
    }
    .article-2col .grid_5{
        text-align: center;
    }
    .service .service-item{
        display: block;float: none;width: auto;
        margin-bottom: 40px;
    }
    .lst-all-project .project-item{
        width: 44%;
    }
    .lst-all-project .clear{
        display: none;
    }
    .lst-all-project .clear-2col{
        display: block;
    }
    .project-top-thumb .project-title{
        padding: 17px 0;
        margin: 0 0 16px 0;
    }
    .lst-logo-client a{
        float: none;
        display: block;
        width: auto;
        margin: 0 auto 20px;
    }
    .top-filter-item .lbl{
        display: none;
    }
    .compose-comment .form-send-cm .grid_3{
        width: 100%;
        margin: 0;
    }
    .lst-lastest-work .project-lastest,
    .lst-lastest-work .project-media,
    .our-info .about-item,
    .our-info .about-service,
    .our-info .about-testimonial,
    #footer .contact-info,
    #footer .recent-tweets,
    #footer .email-newsletter,
    #footer .foot-menu,
    #footer .info-line .grid_3,
    #footer .info-line .grid_9{
        width: auto;
        float: none;
        display: block;
    }
    .recent-posts{padding-bottom: 15px}
    .lst-recent-posts .article-lastest,
    .lst-recent-posts .article-item{
        float: left;
        width: 44%;
        margin: 0 3% 20px;
    }
    .article-short .description,
    .article-short .thumb-img{
        margin: 0 3%;
        width: 94%;
    }
    .article-short.sml-thumb{
        width: 94%;
    }
    .article-short .thumb-img{
        margin-bottom: 10px;
    }
    .article-short .thumb-img img{
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    .our-info .about-service,
    #footer .email-newsletter{
        margin-bottom: 20px;
    }
    #footer .info-line .grid_3{
        text-align: left;
    }
}

@media screen and (max-device-width:  320px), screen and (max-width:  320px) {
    /*body{background: #ffff00}*/
    .lst-all-service .clear-2col,
    .lst-all-project .clear-2col{
        display: none;
    }
    .lst-all-service .service-item,
    .lst-all-project .project-item,
    .contact-form .grid_4{
        width: 94%;
    }
    .project-top-thumb .thumb{
        height: 190px;
    }
}

